<template>
  <div>
    <v-header></v-header>
    <div class="site-content">
      <div class="inner clearfix">
        <!-- 首页左侧 -->
        <div class="mode-left">
          <!-- 数据 -->
          <left-mode-con :base="mode"></left-mode-con>
          <v-nav></v-nav>
          <!-- 灰色线条 -->
          <div class="mode-left-line"></div>
          <!-- 首页左侧外链 -->
          <left-link ></left-link>
          <!-- 首页左侧buy ark -->
          <left-btn></left-btn>
          <!-- 首页左侧分享 -->
          <left-share>

          </left-share>
        </div>
        <!-- 首页右侧 -->
        <div class="mode-right">
          <project-content></project-content>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import $ from 'jquery'
import Header from "@/components/ProjectPreview/header.vue";
import Nav from "@/components/nav.vue";
import LeftLink from "@/components/leftLink.vue";
import LeftBtn from "@/components/leftBtn.vue";
import LeftShare from "@/components/leftShare.vue";
import LeftModeCon from "@/components/leftModeCon.vue";
import {runningBase} from "@/requests/api";
import projectContent from "@/components/ProjectPreview/DetailContent.vue";

export default {
  name: `Home`,
  components:{
    LeftModeCon,
    LeftShare,
    LeftBtn,
    LeftLink,
    projectContent,
    'v-nav':Nav,
    'v-header':Header
  },
  mounted() {
    console.log($)
    this.getBase()
  },
  methods: {
    getBase(){
      runningBase({}).then(r=>{
        console.log({r})
        this.mode = r.data
        this.links = r.data.links
      })
    }
  },
  data() {
    return {
      mode:{},
      links:[]
    }
  }

}
</script>

<style scoped>
.show{
  display: block;
}

</style>
